<template>
  <div style="height:calc(100% - 30px);">
    <div class="crumbs">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item> <i class="el-icon-folder-opened"></i> 会话存档 </el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="sessionArchivingMain">
      <el-col :span="5" class="container" style="overflow-x:auto;">
        <left @BMactive="BMactive"></left>
      </el-col>
      <el-col :span="5" class="container">
        <center ref="userList" @CTuserList="CTuserList"></center>
      </el-col>
      <el-col :span="13" class="container">
        <right ref="details"></right>
      </el-col>
    </div>
  </div>
</template>

<script>
import { jdDataListXQEven } from '../../../api/index';
import left from './template/left.vue'
import center from './template/center.vue'
import right from './template/right.vue'

export default {
  data() {
    return {
    };
  },
  components: {
    left,
    center,
    right,
  },
  created() {

  },

  methods: {
    //选中部门获取人员
    /**
     * @param obj {label id}
     */
    BMactive(obj) {
      this.$refs.userList.$emit("getInit", obj);
    },
    /**
     * 选中人员获取客户列表
     * @param obj {vName vUserid}
     */
    CTuserList(obj) {
      this.$refs.details.$emit("detailsInit", obj);
    },
  }
};
</script>

<style scoped>
/deep/ :focus {
    outline: 0;
}
.sessionArchivingMain {
    height: 100%;
}
.sessionArchivingMain .el-row {
    height: 100%;
}
.sessionArchivingMain .container {
    height: 100%;
    margin-right: 5px;
    overflow-y: auto;
}
</style>